body {
	font-family: Trajan Pro, Palatino-Roman;
	font-size: 12pt;
	margin: 2.5%;
	color: #888;
  background-color: transparent;

  
	
}

/*h2 {
  padding-left: 5px;
  font-size: 12pt;

}

h2:a:hover {
  color: #888;
}*/

a {
  color: #888;
}

a:hover {
  color: #000;
  text-decoration: none;
}





/* Need This for Gallery Thumbnails */

img{
    max-height:100%;
    max-width:100%;

}

table {
  margin: auto;
}


.copywright {
  margin-top: 10%;
  width: 100%;
  text-align: center;
  font-size: 10pt;
  font-family: Palatino-Roman;
}

.copywright-store-page {
  margin-top: 5%;
  width: 100%;
  text-align: center;
  font-size: 10pt;
  font-family: Palatino-Roman;
}


.navbar-inner {
    background:transparent;
}

.button {
  background: none;
}

.navbar .navbar-inner {
    padding: 0;
}

.navbar .nav {
    margin: 20px 0;
    display: table;
    width: 90%;
}



.navbar .nav > li {
  width: 12.5%;
  display: block;
  text-align: center;
   
}

.logo-header {
  z-index: 1;
}


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;

    }
}


.navbar-default {
  background: transparent;
  border: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    border: none;
    
}

/* Leftover from Nick's Code - was commented out, not sure if I need--
.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}

.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
*/


.navbar-default {    
    background-color: none;
 }

 @media only screen and (max-width: 768px) {
    .navbar-default .navbar-collapse {
      border-bottom: solid 1px #e7e7e7;
     } 
 }


.email-header {
  font-size: 10pt;
  margin-top: 0%;
  margin-left: 11%;
}


/*Home Page Banner*/

.banner {
  width: 50%;
  min-width: 350px;
  margin: auto;
  padding-left: 0;

}

.banner-image {
  width: 100%;
  height: auto;
}



.youtube-header {
  margin: 5% auto auto auto;
  font-weight: bold;
  font-size: 16pt;
}


.youtube-embed-outer-wrapper {
  width: 50%;
  min-width: 350px;
  margin: auto;
  padding-left: 0;
}

.youtube-embed-wrapper {
  position: relative;
  padding-bottom: 52.5%;
  padding-top: 25px;
  height: 0;
  min-width: 350px;
  padding-left: 0;

  
}



.embed-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 350px;

  
}

.youtube-subscribe {
  margin: 2% auto;
  font-size: 10pt;
}




/*Thumbnail Gallery Style*/

.thumbnail_container {
     position: relative;
     width: 100%;   
     padding-bottom: 100%;
     margin-bottom:20px;
     border: none;
     background-color: transparent;
     cursor: pointer;
}

.thumbnail img:hover {
  -webkit-filter: brightness (70%);
  filter: brightness(70%);
}


.row {
  margin-top: 5%;
}

.gallery {
  width: 60%;
  min-width: 310px;
  padding-left: 5px;
  padding-right: 10px;
 
 
}



.thumbnail {
    position:absolute;
    width:100%;
    height:100%;
    border: none;
    background-color: transparent;
}


.thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    
}





.full-image {  
  align-items: center;
  width: 50%;
 
}


.thumbnail-title {
position: absolute;
background: none;
color: #f1f1f1;
width: 100%;
opacity:0;
color: white;
font-size: 1.5vmin;
text-transform: uppercase;
margin-top: 50%;
text-align: center;
pointer-events: none;
z-index: 6;


}


.thumbnail_container:hover .thumbnail-title{
  opacity: 1;

}



/* Think I Don't Need This

.full-image:hover {
  opacity: 0.5;
}

.image-hover:hover {
  opacity: 0.5;
}*/





/* Store Style */


.store-header {
  margin: 0 5%;
  padding: 0;
  width: 90%;
  text-align: left;
  color: #000;
  font-size: 14pt;
  font-weight: bold;
  float: none;
  font-family: Trajan Pro, Palatino-Roman;
}

.store-desc {
  margin: 10px 5% 50px 5%;
  padding: 0;
  width: 90%;
  text-align: left;
  color: #000;
  font-size: 10pt;
  float: none;
  font-family: Trajan Pro, Palatino-Roman;

}


.add-to-cart {  
  font-family: Arial;
  font-size: 10pt;
  color: #000;
  text-align: center;

}


.cart-button {
  width: 50%;
  min-width: 100px;
  margin: 5% auto;
  border-radius: 20px;
  cursor: pointer;
  
}

.view-cart {
  float: right;
}

.view-cart-button {
  width: 35%;
  min-width: 100px;
  margin: 5% auto;
  border-radius: 20px;
  cursor: pointer;
  float: right;

}


.return-policy-store-page {
  margin-top: 5%;
  width: 100%;
  text-align: center; 
  font-size: 10pt;
  
}



.caption {
  text-align: center;
  font-size: 14pt;
  color: #000;
}
  

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


a.thumbnail-link {
  width: 100%;
}




.lb-close {
  color: white;
  position: absolute;
  top: -10%;
  right: 2%;
  font-size: 50px;
  opacity: 0.5;
  z-index: 999999;

  
}

.lb-nav a.lb-next {
  position: fixed;
  right: 50px;
  top: 50px;
}
.lb-nav a.lb-prev {
  position: fixed;
  left: 50px;
  top: 50px;
}


#lightboxOverlay {
  position: fixed !important;
  top: 0; left: 0; height: 100% !important;
  width: 100% !important;
}

#lightbox {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%);
}



/* Responsive lightbox */
#lightbox2-overlay {width:100% !important;}
#outerImageContainer {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}
#imageContainer, #frameContainer, #modalContainer {
  height: auto !important;
  max-width: 100% !important;
}
#imageDataContainer {width: auto !important;}
#lightboxImage {
  height: auto !important;
  max-width: 100% ;
}



/*FAQ Page and Return Policy*/

.faq, .return-policy {
  width: 60%;
  min-width: 310px;
  padding-left: 5px;
  padding-right: 10px;
  margin: auto;  

}

.contact {
  width: 60%;
  min-width: 315px;
  padding-left: 0;
  padding-right: 0;
  margin: auto;  

}


.faq-header, .contact-header, .return-policy-header {
  font-size: 14pt;
  font-weight: bold;
  text-decoration: underline;
  color: #636363;
}

.question, {
  font-size: 11pt;
  font-weight: bold;
  font-family: Trajan Pro, Palatino-Roman;
  
}

.answer {
  font-size: 10pt;
  font-family: Trajan Pro, Palatino-Roman;
  
  
}


.blue-link {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

.return-policy-header {
  text-align: center;
}

.return-policy-text {
  font-size: 11pt;  
  font-family: Trajan Pro, Palatino-Roman;
}

.return-disclaimer {
  text-align: center;
  font-weight: bold;
  
}

 

/*Contact Page*/

.email-text {
  color: #636363;
}

#email {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 1%;
  color: blue;
}


.email-text, #email/*, .email-button*/{
  display: inline;
}

.email-button {
  margin: 0;
  padding: none;
}

.contact-subheader {
  font-weight: bold;
  color: #636363;
}


.contact-content {
  font-size: 10pt;
  font-family: Trajan Pro, Palatino-Roman;

}


.contact-logos {
  width: 350px;
  vertical-align: middle;
  
}

.instagram-logo {
  margin-left: none;
  width: 5%;
  min-width: 50px;
  height: auto;
 
}

.youtube-logo {
  width: 10%;
  min-width: 120px;
  height: auto;  
  
}

.facebook-logo {  
  width: 5%;
  min-width: 50px;
  height: auto;
}


.logo-divider {
  font-size: 40pt;
  color: black;
  margin: auto 1%;
  
}


.instagram-logo, .logo-divider, .youtube-logo {
  display: inline;
  vertical-align: middle;
}


.instagram-logo:hover, .youtube-logo:hover, .facebook-logo:hover {
  opacity: 0.5;
  cursor: pointer;

}



/*BIO Page*/

.bio-content {
  width: 100%;
  min-width: 356.25px;
  margin: auto;
  text-align: center;

}

.bio-header {
  margin: auto 5%;
  font-size: 12pt;
  font-weight: bold;
  color: #636363;
  text-align: left;
 
}

.bio-pic {
  width: 5%;
  min-width: 250px;
  margin-left: 0;
  margin-bottom: 7.5%;
  

}

.bio-text-container {
  width: 50%;
  min-width: 310px;
  font-size: 10pt;
  margin-bottom: 7.5%;
  
}

.bio-text {
  margin: 2% 5%;
  font-size: 10pt;
  text-align: left;

}

.bio-first-paragraph {
  margin-top: 5%;
}

.bio-pic, .bio-text-container {
  display: inline-block;
  vertical-align: middle;
}













/* Disables the selection */
.disableselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge*/
   user-select: none;          /* Non-prefixed version, currently 
                                  not supported by any browser */
}

/* Disables the drag event 
(mostly used for images) */
.disabledrag{
   -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}